<template>
  <div>
    <el-row>
      <el-col :span="6" v-for="(o, index) in 10" :key="o" :offset="index > 1 ? 2 : 2">

        <el-card :body-style="{ padding: '0px' }">


          <img src="https://img.douyucdn.cn/data/yuba/admin/2017/04/05/201704051915108248.jpg?i=3300265bab53eb6ca57d0f007bda2e3003" class="image">

          <div style="padding: 14px;">
            <div class="span">英雄联盟</div>
            <div class="hot">4669热度</div>
            <div class="bottom clearfix">
            </div>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "game"
}
</script>

<style scoped>
.image{
  margin-top: 10px;
  width: 100px;
  margin-left: -120px;
  border-radius: 12px;
}
.span{
  margin-top: -100px;
  margin-right: -90px
}
.hot{
  margin-right: -90px;
  margin-top: 30px;
}
</style>
<style>
.el-tabs__item {
  font-size: 20px !important;
  padding: 10px 0 50px !important;
  width: 150px !important;
  margin-top: 10px;
  /*margin-left: 30px;*/
  font-weight: 600;
  line-height: 50px;
}
</style>
